Ext.define('CS.panel.Form', {
	extend: 'Ext.panel.Panel',

	isForm: true,

	maxCol: 2,

	layout: {
		type: 'table',
		tableAttrs: {
			style: {
				width: '100%'
			}
		}
	},

	defaults: {
		margin: '6 3 6 3'
	},

	constructor: function(config) {
		var me = this;

		config = CS.apply({}, config);

		config.maxCol = config.maxCol || me.maxCol;

		me.layout.columns = config.maxCol;

		if (config.maxCol == 1) {
			me.layout.tdAttrs = {
				align: 'center'
			};
		}

		me.callParent([config]);
	}

});
